<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.7.1.min.js"></script>
<script language="javascript">
function userblur() {
    $("#user").css({"background":"url(images/input.png)"});
}
function pwdblur() {
    $("#pwd").css({"background":"url(images/input.png)"});
}
function userfocus() {
    $("#user").css({"background":"url(images/input_hover.png)"});
}
function pwdfocus() {
    $("#pwd").css({"background":"url(images/input_hover.png)"});
}
function btnClick() {
    $("#btn").css({"background":"url(images/btn_onclick.png)"});
}
function btnUp() {
    $("#btn").css({"background":"url(images/btn.png)"});
}
</script>
<style>
body{
	margin:0;
	}
.header{
	margin:auto;
	height:120px;
	width:1000px;
	background:url(images/top.png);
	}
.logo{
	background:url(images/LOGO.png);
	width:199px;
	height:70px;
	margin-left:30px;
	}
.main{
	margin:auto;
	height:630px;
	width:1000px;
	background:url(images/main.png);
	padding-top:50px;
	}
.content{
	margin:auto;
	width:451px;
	height:287px;
	background:url(images/content.png);
	}
.input{
	background:url(images/input.png);
	width:203px;
	height:39px;
	}
.input input{
	border:0px; 
	margin-top:5px; 
	margin-left:4px; 
	outline:none; 
	font-size:16px;
	}
</style>
    <title>Bootstrap 101 Template</title>
  </head>
  <body>
<div class="header">
	<a href="#"><div class="logo"></div></a>
	
</div>
<div class="main">
  <div class="content">
  <?php echo form_open('login'); ?>
  <div style="margin-top:127px; margin-left:133px; display:inline-block; float:left">
      <div class="input" id="user">
        <input type="text" name="username" onmousemove="this.focus(); userfocus();" onblur="userblur()" value="<?php echo set_value('username'); ?>" />
          <?php echo form_error('username'); ?><br/>
      </div>
      <div class="input" id="pwd" style="margin-top:20px;">
        <input type="password" name="password" onmousemove="this.focus(); pwdfocus();" onblur="pwdblur()" value="<?php echo set_value('password'); ?>"/>
        <?php echo form_error('password'); ?><br/>
      </div>
  </div>
  <input id="btn" style=" background:url(images/btn.png); width:89px; height:94px; border:0; margin-top:130px; margin-left:5px;" type="submit" name="submit" onMouseDown="btnClick()" onMouseUp="btnUp()" value=""/>
  </form>
    </div>
</div>

  </body>
</html>